@charset "UTF-8";

a, b, blockquote, body, caption, dd, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, i, iframe, img, input, label, li, object, ol, p, span, strong, table, tbody, td, tfoot, th, thead, tr, u, ul {
    padding: 0;
    margin: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

img {
    -ms-interpolation-mode: bicubic
}

input, select, textarea {
    font-family: Arial, Helvetica, sans-serif
}

ol, ul {
    list-style: none
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

body {
    font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1', '\5b8b\4f53', Arial, Helvetica, sans-serif;
    overflow-y: hidden
}

.wrap {
    position: relative
}

.clearfix:after {
    content: "";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both
}

.clearfix {
    zoom: 1
}

.clear {
    clear: both
}

.pr {
    position: relative
}

.dib {
    display: inline-block
}

.hdn {
    display: none
}

.vm {
    vertical-align: middle
}

.t-left {
    text-align: left
}

.t-center {
    text-align: center
}

.t-right {
    text-align: right
}

.fl {
    float: left
}

.fr {
    float: right
}

.db {
    display: block
}

.main-body {
    position: absolute;
    overflow-y: hidden;
    overflow-x: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px
}

.iframe-body {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    display: none
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

.trial-cls {
    display: none
}


.icon1 {
    width: 16px;
    height: 8px
}

.icon2 {
    width: 18px;
    height: 18px;
    background-position: 0 -9px
}

.u-btn1 {
    display: inline-block;
    width: 56px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: bottom;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 3px
}

.u-btn {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
    border: 0
}

.u-btn2 {
    width: 324px;
    height: 63px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff
}

.u-btn2:hover {
    text-decoration: none
}

.u-btn17, .u-btn5, .u-btn6 {
    min-width: 55px;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    text-align: center;
    background: #dd4814;
    color: #fff
}

.u-btn5, .u-btn6 {
    min-width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px
}

.u-btn6 {
    background: #aea79f
}

.u-btn17:hover {
    text-decoration: none
}

.c-txt3 {
    color: red;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0 4px
}

.fs-1 {
    font-size: 14px
}

.u-ipt1 {
    width: 138px;
    height: 18px;
    line-height: 18px;
    padding: 3px 5px;
    vertical-align: middle;
    border: 1px solid #af3230;
    background: #fff
}

.u-ipt2 {
    width: 220px;
    height: 16px;
    line-height: 16px;
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #abadb3;
}

.u-ipt3 {
    width: 220px;
    height: 17px;
    line-height: 16px;
    padding: 6px;
    vertical-align: middle;
    border: 1px solid #abadb3;
}

.u-ipt2-1 {
    width: 88px
}

input {
    font-family: '\5FAE\8F6F\96C5\9ED1'
}

.header {
    color: #fff;
    min-width: 1240px;
    width: 100%;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0
}

.header .menu1 {
    width: 490px;
    position: absolute;
    left: 230px;
    top: 0
}

.header a {
    color: #fff;
    text-align: center
}

.header-top {
    height: 67px;
    z-index: 3;
    position: relative
}

.menu1 .draw_number {
    position: absolute;
    left: 15px;
    top: 5px
}

.menu1 .draw_number div {
    height: 22px;
    line-height: 22px;
    text-align: center
}

#result_balls {
    position: absolute;
    left: 130px;
    top: 10px
}

.header .menu2 {
    line-height: 22px;
    font-size: 13px;
    position: absolute;
    left: 738px;
    top: 10px
}

.header .menu2 span {
    padding: 0 5px
}

.header .menu2 a {
    width: 5em
}

.header .menu4 {
    position: absolute;
    left: 1050px;
    top: 20px
}

.header .menu4 a {
    display: block;
    line-height: 22px;
    width: 70px;
    height: 25px
}

.header .menu3 {
    position: absolute;
    left: 1130px;
    top: 20px
}

.header .menu3 a {
    display: block;
    line-height: 24px;
    width: 60px;
    height: 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 10px
}

.header .lotterys {
    height: 100%;
    line-height: 38px;
    position: relative;
    z-index: 2
}

.header .headerslide {
    float: left;
    position: relative;
    z-index: 5
}

.header .headerslide a {
    width: 38px;
    height: 38px;
    display: block;
    position: relative
}

.header .headerslide i {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.header .headerslide.down i {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-bottom: 0
}

.header .lotterys .show {
    float: left
}

.header .lotterys .show > a {
    display: block;
    float: left;
    font-size: 13px;
    text-align: center;
    width: 120px;
    position: relative
}

.header .classify {
    position: relative;
    height: 38px;
    padding-left: 38px;
    z-index: 4
}

.header .classify .dropicon {
    width: 0;
    height: 0;
    border-width: 8px 6px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    position: absolute;
    right: 20px;
    top: 15px;
    animation: arrowAnimation .2s ease-in-out infinite alternate
}

@keyframes arrowAnimation {
    from {
        transform: translateY(-10%) scaleY(.8)
    }
    to {
        transform: translateY(10%) scaleY(.8)
    }
}

.header .classify .show > a {
    width: 130px
}

.header .classifygames {
    height: 38px;
    position: relative
}

.header .classifygames a {
    color: #000
}

.header .mainmenu span {
    padding: 3px 8px;
    border-radius: 20px
}

.header .mainmenu .selected span, .header .mainmenu a:hover span {
    color: #fff
}

.header .lotterys .currentGameTxt {
    font-style: normal;
    font-size: 13px;
    font-weight: 400
}

.header .lotterys .more-game {
    position: absolute;
    font-weight: 700;
    text-align: center;
    width: 112px;
    height: 100%;
    left: 1110px;
    top: 0
}

.header .lotterys .more-game > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.header .more-game-drop {
    position: absolute;
    right: -1px;
    top: 38px;
    width: 480px;
    height: auto;
    padding: 0 15px 8px 15px;
    overflow: hidden;
    text-align: left;
    font-weight: 400;
    color: #333
}

.header .more-game-drop .actions {
    position: absolute;
    right: 17px;
    bottom: 6px
}

.header .more-game-drop .actionBtn {
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    padding: 10px 18px;
    line-height: 1em;
    font-weight: 400
}

.header .more-game-drop .actionBtn.action-cancel {
    background: #bbb;
    display: none
}

.header .lotterys.menu-editMode .more-game-drop .action-cancel {
    display: inline-block
}

.header .gamebox {
    margin-top: 20px;
    padding: 25px 35px;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 13px;
    height: auto;
    overflow: hidden
}

.header .gamebox a {
    display: block;
    width: 130px;
    height: 38px;
    float: left;
    margin: 1px;
    color: #fff;
    position: relative
}

.header .addbtn, .header .editbtn {
    cursor: pointer;
    width: 13px;
    height: 13px;
    position: absolute
}

.header .editbtn {
}

.header .addbtn {
}

.header .mainmenu .editbtn {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: 102px center;
    background-repeat: no-repeat
}

.header .gamebox .addbtn {
}

.header .drawer .addbtn {
    top: 3px;
    right: 5px
}

.header .gamebox .editbtn {
}

.header .drawer .editbtn {
    top: 21px;
    right: 5px
}

.header .lastgame .editbtn {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: 107px center;
    background-repeat: no-repeat
}

.header .sub {
    height: 31px;
    overflow: hidden;
    line-height: 32px;
    padding-left: 200px
}

.header .sub a {
    padding: 0 .5em
}

.header .sub .selected, .header .sub a:hover {
    font-weight: 700
}

.header .icon-new {
    position: relative;
    right: -19px;
    top: -63px
}

.icon-new {
    background-repeat: no-repeat;
    overflow: hidden;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    background-position: 0 0;
    width: 30px;
    height: 18px
}

.siderbar {
    position: absolute;
    width: 200px;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #e6e6e6;
    text-align: center;
    border-right: 1px solid #ccc
}

.side_left ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.side_left p {
    display: block;
    line-height: 18px;
    margin: 0;
    white-space: nowrap
}

.side_left {
    margin-bottom: 2px
}

.side_left .new {
    position: absolute;
    top: 10px;
    right: 15px
}

.side_left .info {
    border: 1px solid #999;
    border-top: 0;
    width: 188px;
    margin: -2px 5px 8px;
    line-height: 22px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: left;
    text-indent: 25px;
    padding: 5px 0
}

.side_left .info a {
    width: auto;
    height: auto;
    display: inline;
    margin-left: 5px
}

.side_left .info a img {
    vertical-align: bottom
}

.new_user_notice_msg {
    height: 11px;
    width: 27px;
    background-repeat: no-repeat;
    display: inline-block;
    font-style: normal;
    float: right;
    margin: 3px 12px 0 27px;
    position: absolute;
    overflow: hidden;
    vertical-align: middle
}

#left_user_new_notice {
    vertical-align: middle;
    cursor: pointer;
    margin: 0 0 22px 6px;
    width: 27px;
    height: 11px;
    display: none
}

.sider-col1 {
    padding: 10px 0 5px 0;
    line-height: 1.8;
    text-align: center;
    font-size: 13px;
    color: #f79789
}

.sider-col1 dt {
    color: #f5e8c4;
    float: left
}

.sider-col1 dd {
    float: left
}

.sider-col1 .info {
    color: #fff
}

.sider-col2 {
    margin: 0 1px
}

.main-wrap {
    position: absolute;
    width: 100%;
    top: 175px;
    bottom: 0
}

.logo2 {
    height: 57px;
    width: 190px;
    text-align: center;
    position: absolute;
    left: 7px;
    top: 5px
}

.logo a {
    display: block;
    height: 100%;
    color: #fff;
    font-size: 20px;
    text-decoration: none
}

.logo img {
    max-width: 100%
}

.service {
    display: block;
    margin-bottom: 20px;
    text-align: center
}

.service img {
    vertical-align: top
}

.u-table1 {
    width: 100%;
    table-layout: fixed;
    text-align: center
}

.u-table1 th {
    height: 26px;
    background: #e0cec8;
    font-size: 12px;
    color: #310a07
}

.u-table1 td {
    padding: 2px
}

.guide-list {
    margin-left: 2px
}

.guide-list li {
    float: left;
    width: 105px;
    height: 28px;
    line-height: 28px;
    margin: 0 0 -1px -1px;
    text-align: center;
    border: 1px solid #c6c6c6
}

.guide-list li a {
    display: block;
    color: #310a07;
    text-decoration: none
}

.content-wrap {
    min-width: 1038px;
    overflow: hidden;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    left: 201px
}

.subnav-box {
    height: 40px;
    line-height: 40px;
}

.subnav-box li {
    position: relative;
    float: left;
    border-right: 1px solid #2e0402
}

.subnav-box li a {
    display: block;
    padding: 0 17px;
    border-right: 1px solid #660901;
    color: #f5e8c4
}

.subnav-box li.cur a, .subnav-box li.cur a:hover {
    background: #9a0706
}

.subnav-box li a:hover {
    text-decoration: none;
    background: #660901
}

.subnav-item {
    height: 30px;
    line-height: 30px;
    background: #9a0706
}

.subnav-item a {
    padding: 0 17px;
    line-height: 24px;
    margin-left: -1px;
    border-left: 1px solid #7d0609;
    color: #310a07
}

.subnav-item a.cur, .subnav-item a:hover {
    color: #ffc80a;
    text-decoration: none
}

.subnav-box .more {
    padding: 0 17px;
    color: #fff;
    cursor: pointer
}

.arrow {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 3px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid;
    border-width: 5px;
    border-color: #fff transparent transparent transparent
}

.subnav-box li.other {
    padding: 0 5px
}

.subnav-box li.other:hover {
    text-decoration: none;
    background: #660901
}

.more-extend {
    display: none;
    position: absolute;
    left: -1px;
    top: 56px;
    width: 100%;
    background: #660901;
    border: 1px solid #660901
}

.subnav-box li .more-extend a {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    border: 0;
    white-space: nowrap
}

.subnav-box li .more-extend a:hover {
    background: #9e040a
}

.cont-main {
    overflow: hidden;
    width: 839px;
    float: left
}

.cont-box1 {
    margin-top: 12px
}

.cont-col1, .cont-col2 {
    float: left;
    width: 44%;
    height: 116px;
    background: #892122;
    color: #f5e8c4
}

.cont-col2 {
    float: right;
    width: 55%
}

.cur-term {
    position: relative
}

.cur-term dt {
    position: absolute;
    left: 26px;
    top: 20px;
    font-size: 20px;
    color: #fff
}

.cur-term dt span {
    color: #ffc80a
}

.cur-term .cur-term-col1 {
    height: 66px;
    padding: 13px 0 0 185px;
    line-height: 24px;
    border-bottom: 1px solid #9b2727
}

.cur-term .cur-term-col2, .next-term .next-term-col2 {
    line-height: 36px;
    padding: 0 18px 0 26px;
    overflow: hidden;
    border-top: 1px solid #6f0c0d
}

.next-term dd, .next-term dt {
    padding-left: 20px
}

.next-term dt {
    height: 30px;
    line-height: 30px
}

.next-term .next-term-col1 {
    height: 46px;
    padding-left: 2%;
    padding-top: 3px;
    font-size: 0;
    white-space: nowrap;
    border-bottom: 1px solid #9b2727
}

.next-term .next-term-col2 {
    padding-left: 20px;
    color: #fff
}

.cont-col3 {
    margin-top: 4px;
    padding: 0 5px 10px
}

.cont-col3-hd {
    padding: 8px 0;
    color: #310a07
}

.cont-col3-box1 {
    float: left;
    width: 222px;
    padding-left: 10px
}

.cont-col3-box1 a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 7px;
    vertical-align: middle;
    background: #fbdada;
    color: #310a07;
    border: 1px solid #af3230;
    border-radius: 3px
}

.cont-col3-box1 a:hover {
    background: #f9b1b0;
    text-decoration: none
}

.cont-col3-box1 a.cur {
    background: #f59593
}

.u-table2 {
    width: 100%;
    text-align: center
}

.u-table2 th {
    font-weight: 700;
    height: 23px
}

.u-table2 thead th.select {
    background-position: 0 -59px
}

.u-table2 td {
    height: 28px;
    background: #fff;
    cursor: pointer
}

.u-table2 .name {
    width: 60px;
    min-width: 40px;
    font-weight: 700
}

.u-table2 .amount {
    width: 65px
}

.u-table2 .amount > input {
    width: 80%;
    min-width: 40px;
    height: 15px;
    border: #b9c2cb 1px solid;
    padding: 0 2px
}

.u-table2 .odds {
    width: 50px;
    font-weight: 700
}

.u-table2 .qiu {
    text-align: left;
    padding-left: 10px
}

.bet-money {
    width: 70px;
    height: 18px;
    border: #b9c2cb 1px solid;
    text-align: center
}

.u-table6 {
    width: 100%;
    text-align: center;
    table-layout: fixed
}

.u-table6 thead th {
    height: 30px;
    border: 1px solid #eac0bf;
    font-size: 14px;
    color: #892122
}

.u-table6 thead th.select {
    background: #fbbfbe
}

.u-table6 td {
    height: 34px;
    border: 1px solid #daa4a3;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: #892122;
    cursor: pointer
}

.cont-list1 {
    margin-top: 10px;
    width: 100%
}

.cont-list1 li {
    float: left;
    width: 19.6%;
    margin-right: .5%
}

.cont-list1 li:last-child {
    margin-right: 0
}

.cont-list1 > tbody > tr > td {
    padding: 0 1px
}

.cont-btnbox1 {
    padding: 20px 0;
    text-align: center
}

.u-table3 {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #eac0bf;
    border-bottom: 0
}

.u-table3 th {
    height: 39px;
    font-size: 16px;
    color: #310a07
}

.u-tb3-th2 {
    cursor: pointer
}

.u-table4 {
    width: 100%;
    table-layout: fixed;
    text-align: center
}

.u-table4 td {
    height: 28px;
    background: #fff
}

.cont-col3-box2 {
    text-align: center
}

.cont-col3-box2 span {
    margin-right: 6px;
    font-weight: 700;
    font-size: 13px
}

.cont-sider {
    float: left;
    width: 180px
}

.cont-sider .u-table2 thead th {
    height: 30px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 0;
    font-size: 13px;
    letter-spacing: 1px
}

.sider-box1-bd, .sider-box1-ft, .sider-box1-hd {
    background-color: #ececec
}

.sider-box1-hd {
    height: 42px;
    line-height: 42px;
    padding: 0 18px;
    font-size: 14px;
    color: #fff
}

.sider-box1-bd {
    background-position: -180px 0;
    background-repeat: repeat-y
}

.sider-box1-ft {
    height: 14px;
    background-position: -360px bottom
}

.u-table5 {
    width: 100%
}

.u-table5 .statFont {
    color: red
}

.u-table5 td, .u-table5 th {
    height: 23px;
    padding: 0 5px;
    text-align: left;
    font-size: 12px;
    border: 1px solid #daa4a3;
    font-weight: 400;
    color: #4f4d4d
}

.u-tb5-tr1 {
    background: #f7ebeb
}

.count-wrap {
    padding: 0 5px 5px
}

.u-header {
    height: 30px;
    border-radius: 4px;
    line-height: 30px;
    font-weight: 700;
    font-size: 13px
}

#page_game_name {
    margin-left: 1em
}

#open-date {
    margin-right: 1em
}

#total_sum_money {
    font-size: 14px;
    color: red;
    padding: 2px 5px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#bet-date {
    color: red;
    font-size: 14px;
    padding: 2px 5px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#open-date {
    color: #26d026;
    font-size: 14px;
    padding: 2px 5px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.announce {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px
}

.announc3-hd {
    position: absolute;
    left: 0;
    top: 0;
    width: 134px;
    height: 30px;
    text-indent: -999px;
    overflow: hidden
}

.announce a {
    color: #fff
}

.announce a:hover {
    color: #fee77d
}

.announce-list {
    position: relative;
    height: 100%;
    overflow: hidden;
    padding-left: 90px;
    font-size: 14px
}

.announce-list ul {
    position: absolute
}

.announce-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.notice-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 101
}

.notice-wrap .mask {
    background: #000;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.notice-wrap .bg {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 5px;
    z-index: 999
}

.notice-wrap .notice-icon {
    display: block;
    width: 155px;
    height: 137px;
    background-position: -161px -14px;
    padding-bottom: 8px
}

.notice-wrap .more-btn, .notice-wrap .notice-btn {
    display: block;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    transition: all .1s;
    -webkit-transition: all .1s
}

.notice-wrap .notice-btn {
    display: block;
    color: #fff;
    padding: 10px 6px;
    border-bottom: 5px solid #d18922;
    background-color: #fec436
}

.notice-wrap .more-btn {
    display: inline-block;
    color: red;
    padding: 0 8px;
    border-bottom: 3px solid #ccc;
    font-size: 12px;
    background-color: #fff
}

.notice-wrap .more-btn:active, .notice-wrap .notice-btn:active {
    border-bottom: 0;
    transform: translate(0, 3px);
    -webkit-transform: translate(0, 3px)
}

.notice-wrap .notice-pager {
    text-align: center;
    font-size: 14px;
    color: #fff
}

.notice-wrap .notice-pager a {
    color: #fff
}

.notice-wrap .notice-pager .indicator {
    display: inline-block;
    padding: 2px 15px
}

.notice-wrap .notice-content {
    line-height: 1.6;
    color: #fff;
    font-size: 13px
}

.notice-wrap .lay-important {
    width: 300px;
    min-height: 300px;
    margin: -250px 0 0 -150px
}

.notice-wrap .lay-important .lay-content {
    padding: 10px 30px;
    text-align: center
}

.notice-wrap .lay-important .lay-notice-icon {
    width: 155px;
    padding-top: 20px;
    margin: 0 auto;
    position: relative
}

.notice-wrap .lay-important .more-btn {
    position: absolute;
    right: -28px;
    top: 105px
}

.notice-wrap .lay-notice-btn {
    width: 150px;
    margin: 20px auto 0;
    padding-bottom: 20px
}

.notice-wrap .lay-detail {
    width: 600px;
    height: 230px;
    margin: -180px 0 0 -300px
}

.notice-wrap .lay-list {
    width: 600px;
    height: 330px;
    margin: -180px 0 0 -300px
}

.notice-wrap .lay-list .notice-icon {
    background-position: -5px 0;
    height: 142px
}

.notice-wrap .lay-list .lay-notice-icon {
    width: 155px;
    padding-top: 60px;
    margin-right: 20px;
    float: left;
    margin-left: 20px
}

.notice-wrap .lay-list .lay-content {
    overflow-y: auto;
    overflow-x: hidden;
    height: 280px;
    margin-top: 26px;
    margin-right: 20px
}

.notice-wrap li {
    padding: 10px 0;
    font-size: 14px
}

.notice-wrap li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .71)
}

.notice-wrap .close-btn {
    width: 14px;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 0;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.notice-wrap .close-btn a {
    display: block;
    color: #fff;
    padding: 5px
}

.page a {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 2px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e2e1e1;
    background: #fff;
    font-size: 14px;
    font-family: arial;
    color: #4c4c4c
}

.page a.cur, .page a:hover {
    background: #ff3e3e;
    border-color: #ff3e3e;
    color: #fff;
    text-decoration: none
}

.page .page-next, .page .page-prev {
    width: auto;
    padding: 0 10px
}

.page .ipt-page, .page span {
    margin: 0 2px;
    vertical-align: middle
}

.page .ipt-page {
    width: 28px;
    height: 18px;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #e2e1e1;
    background: #fff
}

.page .disabled, .page .disabled:hover {
    background: #fff;
    border-color: #e2e1e1;
    color: #e2e1e1;
    cursor: default
}

.u-table4 td.f1 {
    background-color: #fff
}

.bg_td {
    background-color: #f7ebeb !important
}

.u-table9 td {
    height: 39px;
    border: 1px solid #eac0bf;
    background: #fff;
    font-size: 14px;
    color: #892122
}

.u-table9 {
    width: 100%;
    text-align: center;
    table-layout: fixed
}

.u-table9 thead th {
    height: 30px;
    border: 1px solid #eac0bf;
    font-size: 14px;
    border-top: 0
}

.u-table9 th.cur {
}

.u-table9 td {
    height: 41px;
    border: 1px solid #daa4a3;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: #892122
}

.u-table10 {
    width: 100%;
    table-layout: fixed;
    text-align: center
}

.u-table10 td {
    height: 39px;
    border: 1px solid #eac0bf;
    background-color: #fff;
    font-size: 14px;
    color: #892122
}

.u-table10 {
    width: 100%;
    text-align: center;
    table-layout: fixed
}

.u-table10 thead th {
    height: 30px;
    border: 1px solid #eac0bf;
    background-color: #e57388;
    font-size: 14px;
    border-top: 0;
    color: #fff
}

.u-table10 td {
    height: 30px;
    border: 1px solid #daa4a3;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: #892122
}

.bg_yellow {
    background-color: #ffc214 !important
}

.td_f1 {
    color: #e6b3be
}

.hide {
    display: none
}

.show {
    display: block
}

.fwb {
    font-weight: 700
}

.pl5 {
    padding-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.mt5 {
    margin-top: 4px
}

.mt10 {
    margin-top: 10px
}

.mr15 {
    margin-right: 15px
}

.mb10 {
    margin-bottom: 10px
}

.mr1 {
    margin-right: 1px
}

.mr2 {
    margin-right: 2px
}

.not-event {
    cursor: auto !important
}

.u-ipt1-disable {
    background: #e3e3d3 !important
}

.checkbox_td > input {
    cursor: pointer
}

.radio_td {
    cursor: pointer
}

.tab {
    padding: 0;
    width: 100%;
    height: 70px
}

.tab li {
    list-style: outside none none;
    margin: 0
}

.tab_title02 {
    height: 29px;
    line-height: 29px
}

.tab_title02 a {
    background: url(tab_bg10.png) no-repeat scroll left -29px;
    color: #7d7d7d;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    height: 29px;
    margin: 5px 5px 0 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    width: 88px
}

.tab_title02 .on, .tab_title02 a:hover {
    color: #98292e;
    font-weight: 700
}

.multiple ul {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    padding: 5px;
    text-indent: 1em
}

.multiple li {
    float: left;
    font-size: 12px
}

.multiple li .nums {
    color: #00f
}

.multiple li .xu {
    color: #892122
}

.bet-bottom {
    border: 1px solid #daa4a3
}

.bet-bottom span {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    text-align: center
}

.bet-bottom .bcount {
    border-right: 1px solid #daa4a3;
    width: 127px
}

.bet-bottom .btotal {
    width: 254px
}

.font_red {
    color: red
}

.font_blue {
    color: #2836f4
}

.font_green {
    color: #22bd1e
}

.record-box {
    padding: 10px;
    width: 980px
}

.record-box .u-table2 {
    table-layout: auto
}

.record-box .u-table2 td {
    padding: 5px;
    font-weight: 400;
    font-size: 12px !important
}

.rule-box {
    margin: 10px;
    width: 900px
}

.member-info {
    margin: 10px;
    width: 880px
}

.cp-box1 .u-table2 td, .cp-box2 .u-table2 td, .member-info .u-table2 td {
    font-size: 12px;
    font-weight: 400
}

.cp-box1 {
    padding: 10px;
    width: 880px
}

.cp-box2 {
    padding: 10px;
    width: 1030px
}

.history-main {
    background: 0;
    overflow-x: hidden;
    min-width: auto
}

#lastBets {
    display: none
}

#lastBets .bets {
    border-left: 1px solid #b9c2cb;
    border-right: 1px solid #b9c2cb;
    color: #000;
    width: 188px;
    overflow-y: auto;
    text-indent: 5px;
    text-align: left;
    margin: 4px 4px 0 4px;
    max-height: 300px
}

#betResultPanel li {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid;
    padding: 1px
}

#lastBets li {
    background: #fff none repeat scroll 0 0;
    padding: 1px
}

#lastBets li:nth-child(2n) {
    background: #efefef none repeat scroll 0 0
}

.side_left .bets .bid {
    color: #119400
}

.side_left .bets .text {
    color: #0017c7
}

.side_left .bets .odds {
    color: red;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: 700
}

.side_left li {
    position: relative
}

.side_left li a {
    display: block;
    width: 100%;
    height: 100%
}

.side_left .r-wrap {
    width: 190px;
    font-weight: 700;
    margin: 4px 5px 0 5px;
    line-height: 16px
}

.side_left .r-nowrap1 {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.side_left .nowrap2 {
    display: inline-block;
    width: 88px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.skinbtn {
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100px;
    height: 30px;
    margin: 0 5px
}

.pop-detail {
    padding: 20px
}

.pop-detail p {
    font-size: 14px;
    line-height: 25px
}

.mask {
    display: none;
    position: fixed;
    z-index: 998;
    width: 100%;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .5
}

.pop {
    display: none;
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    padding: 20px;
    background: #fff;
    color: #716b6d;
    font-size: 14px
}

.pop1 {
    width: 788px;
    padding-bottom: 20px;
    margin: -240px 0 0 -394px
}

.pop2 {
    width: 430px;
    padding: 0;
    margin: -124px 0 0 -215px;
    border-top: 2px solid #ff3e3e
}

.pop2-box1 {
    padding: 60px 50px 30px
}

.pop2-box1-bd {
    min-height: 106px;
    padding-bottom: 20px
}

.pop2-ft {
    text-align: right
}

.pop2-ft a {
    margin-left: 10px
}

.pop2-tt {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #c2c2c2;
    text-align: center;
    font-size: 14px
}

.pop2-box2 {
    padding: 0 30px 30px
}

.pop2-box2-hd {
    line-height: 44px
}

.pop2-box2-bd {
    padding: 30px 0
}

.pop2-ipt-box {
    padding-bottom: 28px;
    margin-right: -20px
}

.pop2-ipt-box input {
    width: 39px;
    height: 19px;
    padding: 10px 0;
    margin-right: 20px;
    border: 1px solid #c2c2c2;
    text-align: center
}

.pop2-box2-txt1 {
    line-height: 38px
}

.pop-hd {
    position: relative;
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 20px;
    font-weight: 400
}

.btn-pop-close {
    position: absolute;
    right: -5px;
    top: -5px;
    line-height: 1;
    color: #4c4c4c;
    font-size: 20px;
    font-family: '\5b8b\4f53'
}

.btn-pop-close:hover {
    text-decoration: none;
    color: #f03838
}

.pop-tips {
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 0;
    width: 260px;
    padding: 1px;
    background: #fff;
    border: 1px solid #af3230;
    font-size: 14px
}

.pop-tips-hd {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #c03634;
    color: #fff
}

.pop-tips-bd {
    padding: 5px 10px;
    min-height: 120px;
    font-size: 12px
}

.btn-pop-close {
    position: absolute;
    right: 10px;
    top: 6px;
    line-height: 1;
    color: #000;
    font-size: 18px;
    font-family: '\5b8b\4f53'
}

.btn-pop-close:hover {
    text-decoration: none
}

.pop4 {
    width: 800px;
    margin: -250px 0 0 -400px
}

.pop4-hd {
    text-align: center;
    color: #000;
    font-size: 16px;
    margin-bottom: 10px
}

.pop4-bd {
    height: 450px;
    padding: 10px;
    overflow-y: auto
}

#skinPanel {
    display: inline-block;
    color: #fff;
    cursor: pointer
}

#skinPanel ul {
    padding: 0 0 10px 0;
    margin-left: -5px;
    list-style: none;
    position: absolute;
    width: 62px;
    z-index: 999;
    display: none
}

#skinPanel:hover ul {
    display: block
}

#skinPanel ul li {
    padding: 2px 6px;
    height: 20px;
    line-height: 22px;
    clear: both
}

#skinPanel li a {
    color: #ddd;
    text-align: center;
    vertical-align: middle
}

#skinPanel li a:hover {
    color: #fff
}

#skinPanel li i {
    display: inline-block;
    border: 1px solid #ffc8c8;
    height: 9px;
    width: 9px;
    vertical-align: middle;
    margin-right: 5px
}

#skinPanel li a:hover i {
    border-color: #fff
}

input:disabled {
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    color: #bebdbd
}

.table-td-valign-top td {
    vertical-align: top
}

.menu1 .open_sound {
    position: absolute;
    right: 10px;
    top: 5px;
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 99
}

.menu1 .close_sound {
    position: absolute;
    right: 10px;
    top: 5px;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 99
}

.skin_red .sub {
    color: #fff;
    background: #d87c86;
    border-bottom: 1px solid #ccc
}

.skin_red .sub a {
    color: #fff
}

.skin_red .sub .selected, .skin_red .sub a:hover {
    color: #54131e
}

.skin_red .lotterys .classify .selected, .skin_red .lotterys .classify .show > a:hover {
    color: #54131e;
    background: #ffb3bb
}

.skin_red .mainmenu .selected span, .skin_red .mainmenu a:hover span {
    background: #6a1f2d
}

.skin_red .header {
    background: #ffb3bb
}

.skin_red .header-top {
}

.skin_red .headerslide a {
}

.skin_red .headerslide a:hover {
    background: #ffb3bb
}

.skin_red .headerslide a:hover i {
    border-bottom-color: #54131e;
    border-top-color: #54131e
}

.skin_red #skinPanel:hover .skin_red .skinHover ul, .skin_red #skinPanel:hover ul, .skin_red .skinHover {
    background: #832c3c
}

.skin_red .announce {
}

.skin_red .announc3-hd {
}

.skin_red .header .lotterys .classify {
    background: #6a1f2d
}

.skin_red .classify .show > a {
}

.skin_red .classify .show > a:last-child {
    background-image: none
}

.skin_red .chessdrop {
    border-color: #6a1f2d;
    background: #ffb3bb
}

.skin_red .header .menu3 a {
    background-color: #751d28
}

.skin_red .side_left .info label {
    color: #36639d
}

.skin_red .content {
    background-color: #fff
}

.skin_red .cont-col3 {
    background: #fff
}

.skin_red .u-table2 .name {
    background-color: #fff5f5
}

.skin_red .u-table2 td, .skin_red .u-table4 td {
    border: 1px solid #e6b3be;
    color: #762d08
}

.skin_red .u-table2 .hover {
    background: none repeat 0 0 #f6d3e4
}

.skin_red .u-table5 td, .skin_red .u-table5 th {
    border: 1px solid #b9c2cb
}

.skin_red .u-tb5-tr1 {
    background: #fff
}

.skin_red .u-table2 thead th.select {
    color: #fff !important
}

.skin_red .tab_title02 .on, .skin_red .tab_title02 a:hover {
    background: url(tab_bg10.png) no-repeat scroll left top;
    color: #35406d
}

.skin_red .u-table10 thead th {
    border: 1px solid #b9c2cb;
    background-color: #edf4fe;
    color: #35406d
}

.skin_red .u-table10 td {
    border: 1px solid #b9c2cb;
    background: #fff;
    color: #35406d
}

.skin_red .megas512 span.current {
    color: #35406d
}

.skin_red .demo-class .layui-layer-title {
    border: 1px solid #b9c2cb;
    color: #35406d
}

.skin_red .bet-bottom {
    border: 1px solid #b9c2cb
}

.skin_red .bet-bottom .bcount {
    border-right: 1px solid #b9c2cb
}

.skin_red .skinbtn {
    background-color: #4987d7;
    color: #fff
}

.skin_red .skin-font-color {
    color: #35406d
}

.skin_red #lastBets li {
    border-top: 1px solid #b9c2cb
}

.skin_red .pop-tips {
    border: 1px solid #4092f6
}

.skin_red .pop-tips-hd {
    background: #4987d7;
    color: #fff
}

.skin_red .r-wrap, .skin_red .r-wrap a {
    color: #fff
}

.skin_red .r-nowrap1 {
    background: #d87c86;
    background: -moz- linear-gradient(top, rgba(216, 124, 134) 0, rgba(199, 94, 114) 100%);
    background: -webkit- linear-gradient(top, rgba(216, 124, 134) 0, rgba(199, 94, 114) 100%);
    background: linear-gradient(to bottom, #d87c86 0, #c75e72 100%)
}

.skin_red .nowrap2 {
    border: 1px solid #f4521b;
    background: #ff9461;
    background: -moz-linear-gradient(top, rgba(255, 148, 97, 1) 0, rgba(255, 104, 53, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 148, 97, 1) 0, rgba(255, 104, 53, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 148, 97, 1) 0, rgba(255, 104, 53, 1) 100%)
}

.skin_red .nowrap2:hover {
}

.skin_red li.link:hover {
    background: #d87c86;
    background: -moz- linear-gradient(top, rgba(216, 124, 134) 0, rgba(173, 53, 76) 100%);
    background: -webkit- linear-gradient(top, rgba(216, 124, 134) 0, rgba(173, 53, 76) 100%);
    background: linear-gradient(to bottom, #d87c86 0, #ad354c 100%)
}

.skin_red .u-header {
    background-color: #b33b4e;
    color: #fff
}

.skin_red .u-table2 th {
    color: #4f4d4d;
    border: 1px solid #e6b3be;
    background-color: #fff5f5
}

.skin_red .cont-col3-box2 span {
    color: #6a1f2d
}

.skin_red .u-btn1 {
    background: #aa3748;
    background: -moz-linear-gradient(top, #d87c86 0, #6a1f2d 100%);
    background: -webkit-linear-gradient(top, #d87c86 0, #6a1f2d 100%);
    background: linear-gradient(to bottom, #d87c86 0, #6a1f2d 100%);
    border: 1px solid #ab374a;
    color: #fff
}

.skin_red .u-btn1:hover {
    color: #f98d5c;
    font-weight: 700
}

.skin_red .cont-sider thead th {
    background: #b33b4e;
    color: #fff
}

.skin_red .header .lotterys .more-game {
}

.skin_red .header .lotterys .menu-editMode .more-game, .skin_red .header .lotterys .more-game:hover {
    background: #d87c86;
    border-left: 1px solid #6a1f2d;
    border-right: 1px solid #6a1f2d;
    box-sizing: border-box
}

.skin_red .header .lotterys .menu-editMode .more-game > a, .skin_red .header .lotterys .more-game:hover > a {
    border-bottom: 1px solid #e6e6e6;
    background: #e6e6e6
}

.skin_red .menu-editMode .mainmenu span {
    color: #fff
}

.skin_red .header .more-game-drop a {
    color: #fff
}

.skin_red .header .more-game-drop a:hover {
    background: #6a1f2d
}

.skin_red .header .more-game-drop {
    background-color: #e7e7e7;
    border: 1px solid #6a1f2d
}

.skin_red .header .gamebox a {
    background: #d67a84
}

.skin_red .header .actionBtn {
    background: #d67a84
}

.skin_red .notice-wrap .bg {
    background: #1e5799;
    background: -moz-linear-gradient(top, rgba(30, 87, 153, 1) 0, rgba(252, 92, 68, 1) 0, rgba(252, 49, 104, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0, rgba(252, 92, 68, 1) 0, rgba(252, 49, 104, 1) 100%);
    background: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0, rgba(252, 92, 68, 1) 0, rgba(252, 49, 104, 1) 100%)
}

.skin_blue .sub {
    color: #666;
    background: #e6e6e6;
    background: -moz-linear-gradient(top, rgba(230, 230, 230, 1) 0, rgba(231, 231, 231, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(230, 230, 230, 1) 0, rgba(231, 231, 231, 1) 100%);
    background: linear-gradient(to bottom, rgba(230, 230, 230, 1) 0, rgba(231, 231, 231, 1) 100%);
    border-bottom: 1px solid #ccc
}

.skin_blue .sub a {
    color: #666
}

.skin_blue .sub .selected, .skin_blue .sub a:hover {
    color: #f98d5c
}

.skin_blue .lotterys .classify .selected, .skin_blue .lotterys .classify .show > a:hover {
    color: #143679;
    background: #f2f2f2
}

.skin_blue .lotterys .classify .show > a:hover .dropicon {
    border-color: #2161b3 transparent transparent
}

.skin_blue .mainmenu .selected span, .skin_blue .mainmenu a:hover span {
    background: #2161b3
}

.skin_blue .header {
    background: #f2f2f2
}

.skin_blue .header .mainmenu .editbtn {
}

.skin_blue .header-top {
}

.skin_blue .headerslide a {
}

.skin_blue .headerslide a:hover {
    background: #f2f2f2
}

.skin_blue .headerslide a:hover i {
    border-bottom-color: #3682d0;
    border-top-color: #3682d0
}

.skin_blue #skinPanel:hover .skin_blue .skinHover ul, .skin_blue #skinPanel:hover ul, .skin_blue .skinHover {
    background: #234b95
}

.skin_blue .announce {
}

.skin_blue .announc3-hd {
}

.skin_blue .header .lotterys .classify {
    background: #2161b3
}

.skin_blue .classify .show > a {
}

.skin_blue .classify .show > a:last-child {
    background-image: none
}

.skin_blue .header .menu3 a {
    background-color: #2f97f7
}

.skin_blue .side_left .info label {
    color: #36639d
}

.skin_blue .content {
    background-color: #fff
}

.skin_blue .cont-col3 {
    background: #fff
}

.skin_blue .u-table2 .name {
    background-color: #edf4fe
}

.skin_blue .u-table2 td, .skin_blue .u-table4 td {
    border: 1px solid #b9c2cb;
    color: #35406d
}

.skin_blue .u-table2 .hover {
    background: none repeat 0 0 #c3d9f1
}

.skin_blue .u-table5 td, .skin_blue .u-table5 th {
    border: 1px solid #b9c2cb
}

.skin_blue .u-tb5-tr1 {
    background: #fff
}

.skin_blue .u-table2 thead th.select {
    background: #dee9f3;
    background: -moz- linear-gradient(top, #dee9f3 0, #dee9f3 50%, #cfd9e3 51%, #cfd9e3 100%);
    background: -webkit- linear-gradient(top, #dee9f3 0, #dee9f3 50%, #cfd9e3 51%, #cfd9e3 100%);
    background: linear-gradient(to bottom, #dee9f3 0, #dee9f3 50%, #cfd9e3 51%, #cfd9e3 100%);
    color: #000;
    font-weight: 700
}

.skin_blue .tab_title02 .on, .skin_blue .tab_title02 a:hover {
    color: #35406d
}

.skin_blue .u-table10 thead th {
    border: 1px solid #b9c2cb;
    background-color: #edf4fe;
    color: #35406d
}

.skin_blue .u-table10 td {
    border: 1px solid #b9c2cb;
    background: #fff;
    color: #35406d
}

.skin_blue .megas512 span.current {
    color: #35406d
}

.skin_blue .demo-class .layui-layer-title {
    border: 1px solid #b9c2cb;
    color: #35406d
}

.skin_blue .bet-bottom {
    border: 1px solid #b9c2cb
}

.skin_blue .bet-bottom .bcount {
    border-right: 1px solid #b9c2cb
}

.skin_blue .skinbtn {
    background-color: #4987d7;
    color: #fff
}

.skin_blue .skin-font-color {
    color: #35406d
}

.skin_blue #lastBets li {
    border-top: 1px solid #b9c2cb
}

.skin_blue .pop-tips {
    border: 1px solid #4092f6
}

.skin_blue .pop-tips-hd {
    background: #4987d7;
    color: #fff
}

.skin_blue .r-wrap, .skin_blue .r-wrap a {
    color: #fff
}

.skin_blue .r-nowrap1 {
    background: #2161b3
}

.skin_blue .nowrap2 {
    border: 1px solid #f4521b;
    background: #ff9461;
    background: -moz-linear-gradient(top, rgba(255, 148, 97, 1) 0, rgba(255, 104, 53, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 148, 97, 1) 0, rgba(255, 104, 53, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 148, 97, 1) 0, rgba(255, 104, 53, 1) 100%)
}

.skin_blue .nowrap2:hover {
}

.skin_blue li.link:hover {
    background: #346fb9;
    background: -moz-linear-gradient(top, rgba(52, 111, 185, 1) 0, rgba(52, 111, 185, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(52, 111, 185, 1) 0, rgba(52, 111, 185, 1) 100%);
    background: linear-gradient(to bottom, rgba(52, 111, 185, 1) 0, rgba(52, 111, 185, 1) 100%)
}

.skin_blue .u-header {
    background-color: #2161b3;
    color: #fff
}

.skin_blue .u-table2 th {
    color: #4f4d4d;
    border: 1px solid #b9c2cb;
    background-color: #edf4fe
}

.skin_blue .cont-col3-box2 span {
    color: #38539a
}

.skin_blue .u-btn1 {
    background: #5b8ac7;
    background: -moz-linear-gradient(top, #5b8ac7 0, #2765b5 100%);
    background: -webkit-linear-gradient(top, #5b8ac7 0, #2765b5 100%);
    background: linear-gradient(to bottom, #5b8ac7 0, #2765b5 100%);
    border: 1px solid #1e57a0;
    color: #fff
}

.skin_blue .u-btn1:hover {
    color: #f98d5c;
    font-weight: 700
}

.skin_blue .cont-sider thead th {
    background: #2161b3;
    color: #fff
}

.skin_blue .header .lotterys .more-game {
}

.skin_blue .header .lotterys .menu-editMode .more-game, .skin_blue .header .lotterys .more-game:hover {
    border-left: 1px solid #2161b3;
    border-right: 1px solid #2161b3;
    box-sizing: border-box
}

.skin_blue .menu-editMode .mainmenu span {
    color: #2161b3
}

.skin_blue .menu-editMode .mainmenu .selected span {
    color: #fff
}

.skin_blue .header .lotterys .menu-editMode .more-game > a, .skin_blue .header .lotterys .more-game:hover > a {
    background: #e6e6e6;
    background: -moz-linear-gradient(top, rgba(230, 230, 230, 1) 0, rgba(231, 231, 231, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(230, 230, 230, 1) 0, rgba(231, 231, 231, 1) 100%);
    background: linear-gradient(to bottom, rgba(230, 230, 230, 1) 0, rgba(231, 231, 231, 1) 100%);
    border-bottom: 1px solid #e6e6e6;
    color: #143679
}

.skin_blue .header .more-game-drop a {
    color: #fff
}

.skin_blue .header .more-game-drop a:hover {
    background: #143679
}

.skin_blue .header .more-game-drop {
    background-color: #e7e7e7;
    border: 1px solid #2161b3
}

.skin_blue .header .gamebox a {
    background: #2161b3
}

.skin_blue .header .actionBtn {
    background: #2161b3
}

.skin_blue .notice-wrap .bg {
    background: #1e5799;
    background: -moz-linear-gradient(top, rgba(30, 87, 153, 1) 0, rgba(0, 219, 255, 1) 0, rgba(0, 165, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0, rgba(0, 219, 255, 1) 0, rgba(0, 165, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0, rgba(0, 219, 255, 1) 0, rgba(0, 165, 255, 1) 100%)
}

.menu1 a span {
    display: block;
    float: left
}

.menu1 a b {
    display: block;
    width: 27px;
    height: 27px;
    font-size: 0;
    text-indent: -99999px;
    margin-top: 10px
}

.menu1 a i {
    display: block;
    text-align: center;
    font-style: normal;
    font-weight: bolder;
    color: #fff
}

.skin_gray .menu1 a i {
    color: #000
}

.menu1 .T_SSC b {
    margin-left: 10px;
}

.menu1 .T_SSC .b0 {
    background-position: 0 0
}

.menu1 .T_SSC .b1 {
    background-position: 0 -27px
}

.menu1 .T_SSC .b2 {
    background-position: 0 -54px
}

.menu1 .T_SSC .b3 {
    background-position: 0 -81px
}

.menu1 .T_SSC .b4 {
    background-position: 0 -108px
}

.menu1 .T_SSC .b5 {
    background-position: 0 -135px
}

.menu1 .T_SSC .b6 {
    background-position: 0 -162px
}

.menu1 .T_SSC .b7 {
    background-position: 0 -189px
}

.menu1 .T_SSC .b8 {
    background-position: 0 -216px
}

.menu1 .T_SSC .b9 {
    background-position: 0 -243px
}

.menu1 .T_KLSF b {
    margin-left: 8px;
}

.menu1 .T_KLSF .b01 {
    background-position: 0 0
}

.menu1 .T_KLSF .b02 {
    background-position: 0 -27px
}

.menu1 .T_KLSF .b03 {
    background-position: 0 -54px
}

.menu1 .T_KLSF .b04 {
    background-position: 0 -81px
}

.menu1 .T_KLSF .b05 {
    background-position: 0 -108px
}

.menu1 .T_KLSF .b06 {
    background-position: 0 -135px
}

.menu1 .T_KLSF .b07 {
    background-position: 0 -162px
}

.menu1 .T_KLSF .b08 {
    background-position: 0 -189px
}

.menu1 .T_KLSF .b09 {
    background-position: 0 -216px
}

.menu1 .T_KLSF .b10 {
    background-position: 0 -243px
}

.menu1 .T_KLSF .b11 {
    background-position: 0 -270px
}

.menu1 .T_KLSF .b12 {
    background-position: 0 -297px
}

.menu1 .T_KLSF .b13 {
    background-position: 0 -324px
}

.menu1 .T_KLSF .b14 {
    background-position: 0 -351px
}

.menu1 .T_KLSF .b15 {
    background-position: 0 -378px
}

.menu1 .T_KLSF .b16 {
    background-position: 0 -405px
}

.menu1 .T_KLSF .b17 {
    background-position: 0 -432px
}

.menu1 .T_KLSF .b18 {
    background-position: 0 -459px
}

.menu1 .T_KLSF .b19 {
    background-position: 0 -486px
}

.menu1 .T_KLSF .b20 {
    background-position: 0 -513px
}

.menu1 .L_XYNC b {
    width: 32px;
    height: 32px;
    margin-left: 5px;
}

.menu1 .L_XYNC .b01 {
    background-position: 0 0
}

.menu1 .L_XYNC .b02 {
    background-position: 0 -33px
}

.menu1 .L_XYNC .b03 {
    background-position: 0 -66px
}

.menu1 .L_XYNC .b04 {
    background-position: 0 -99px
}

.menu1 .L_XYNC .b05 {
    background-position: 0 -132px
}

.menu1 .L_XYNC .b06 {
    background-position: 0 -165px
}

.menu1 .L_XYNC .b07 {
    background-position: 0 -198px
}

.menu1 .L_XYNC .b08 {
    background-position: 0 -231px
}

.menu1 .L_XYNC .b09 {
    background-position: 0 -264px
}

.menu1 .L_XYNC .b10 {
    background-position: 0 -297px
}

.menu1 .L_XYNC .b11 {
    background-position: 0 -330px
}

.menu1 .L_XYNC .b12 {
    background-position: 0 -363px
}

.menu1 .L_XYNC .b13 {
    background-position: 0 -396px
}

.menu1 .L_XYNC .b14 {
    background-position: 0 -429px
}

.menu1 .L_XYNC .b15 {
    background-position: 0 -462px
}

.menu1 .L_XYNC .b16 {
    background-position: 0 -495px
}

.menu1 .L_XYNC .b17 {
    background-position: 0 -528px
}

.menu1 .L_XYNC .b18 {
    background-position: 0 -561px
}

.menu1 .L_XYNC .b19 {
    background-position: 0 -594px
}

.menu1 .L_XYNC .b20 {
    background-position: 0 -627px
}

.menu1 .T_3D span {
    margin-left: 15px
}

.menu1 .T_3D b {
    margin-top: 3px;
}

.menu1 .T_3D .b0 {
    background-position: 0 0
}

.menu1 .T_3D .b1 {
    background-position: 0 -27px
}

.menu1 .T_3D .b2 {
    background-position: 0 -54px
}

.menu1 .T_3D .b3 {
    background-position: 0 -81px
}

.menu1 .T_3D .b4 {
    background-position: 0 -108px
}

.menu1 .T_3D .b5 {
    background-position: 0 -135px
}

.menu1 .T_3D .b6 {
    background-position: 0 -162px
}

.menu1 .T_3D .b7 {
    background-position: 0 -189px
}

.menu1 .T_3D .b8 {
    background-position: 0 -216px
}

.menu1 .T_3D .b9 {
    background-position: 0 -243px
}

.menu1 .T_PK10 b {
    margin: 15px 0 0 5px;
    height: 20px;
}

.menu1 .T_PK10 .b1 {
    background-position: 0 0
}

.menu1 .T_PK10 .b2 {
    background-position: 0 -21px
}

.menu1 .T_PK10 .b3 {
    background-position: 0 -42px
}

.menu1 .T_PK10 .b4 {
    background-position: 0 -63px
}

.menu1 .T_PK10 .b5 {
    background-position: 0 -84px
}

.menu1 .T_PK10 .b6 {
    background-position: 0 -105px
}

.menu1 .T_PK10 .b7 {
    background-position: 0 -126px
}

.menu1 .T_PK10 .b8 {
    background-position: 0 -147px
}

.menu1 .T_PK10 .b9 {
    background-position: 0 -168px
}

.menu1 .T_PK10 .b10 {
    background-position: 0 -189px
}

.menu1 .T_K3 b {
    margin-left: 8px;
}

.menu1 .T_K3 .b1 {
    background-position: 0 0
}

.menu1 .T_K3 .b2 {
    background-position: 0 -27px
}

.menu1 .T_K3 .b3 {
    background-position: 0 -54px
}

.menu1 .T_K3 .b4 {
    background-position: 0 -81px
}

.menu1 .T_K3 .b5 {
    background-position: 0 -108px
}

.menu1 .T_K3 .b6 {
    background-position: 0 -135px
}

.menu1 .T_KL8 {
    width: 320px;
    word-wrap: break-word;
    display: inline-block
}

.menu1 .T_KL8 b {
    margin: 2px 0 0 8px;
    height: 22px;
    width: 22px;
}

.menu1 .T_KL8 .b01 {
    background-position: 0 0
}

.menu1 .T_KL8 .b02 {
    background-position: 0 -23px
}

.menu1 .T_KL8 .b03 {
    background-position: 0 -46px
}

.menu1 .T_KL8 .b04 {
    background-position: 0 -69px
}

.menu1 .T_KL8 .b05 {
    background-position: 0 -92px
}

.menu1 .T_KL8 .b06 {
    background-position: 0 -115px
}

.menu1 .T_KL8 .b07 {
    background-position: 0 -138px
}

.menu1 .T_KL8 .b08 {
    background-position: 0 -161px
}

.menu1 .T_KL8 .b09 {
    background-position: 0 -184px
}

.menu1 .T_KL8 .b10 {
    background-position: 0 -207px
}

.menu1 .T_KL8 .b11 {
    background-position: 0 -230px
}

.menu1 .T_KL8 .b12 {
    background-position: 0 -253px
}

.menu1 .T_KL8 .b13 {
    background-position: 0 -276px
}

.menu1 .T_KL8 .b14 {
    background-position: 0 -299px
}

.menu1 .T_KL8 .b15 {
    background-position: 0 -322px
}

.menu1 .T_KL8 .b16 {
    background-position: 0 -345px
}

.menu1 .T_KL8 .b17 {
    background-position: 0 -368px
}

.menu1 .T_KL8 .b18 {
    background-position: 0 -391px
}

.menu1 .T_KL8 .b19 {
    background-position: 0 -414px
}

.menu1 .T_KL8 .b20 {
    background-position: 0 -437px
}

.menu1 .T_KL8 .b21 {
    background-position: 0 -460px
}

.menu1 .T_KL8 .b22 {
    background-position: 0 -483px
}

.menu1 .T_KL8 .b23 {
    background-position: 0 -506px
}

.menu1 .T_KL8 .b24 {
    background-position: 0 -529px
}

.menu1 .T_KL8 .b25 {
    background-position: 0 -552px
}

.menu1 .T_KL8 .b26 {
    background-position: 0 -575px
}

.menu1 .T_KL8 .b27 {
    background-position: 0 -598px
}

.menu1 .T_KL8 .b28 {
    background-position: 0 -621px
}

.menu1 .T_KL8 .b29 {
    background-position: 0 -644px
}

.menu1 .T_KL8 .b30 {
    background-position: 0 -667px
}

.menu1 .T_KL8 .b31 {
    background-position: 0 -690px
}

.menu1 .T_KL8 .b32 {
    background-position: 0 -713px
}

.menu1 .T_KL8 .b33 {
    background-position: 0 -736px
}

.menu1 .T_KL8 .b34 {
    background-position: 0 -759px
}

.menu1 .T_KL8 .b35 {
    background-position: 0 -782px
}

.menu1 .T_KL8 .b36 {
    background-position: 0 -805px
}

.menu1 .T_KL8 .b37 {
    background-position: 0 -828px
}

.menu1 .T_KL8 .b38 {
    background-position: 0 -851px
}

.menu1 .T_KL8 .b39 {
    background-position: 0 -874px
}

.menu1 .T_KL8 .b40 {
    background-position: 0 -897px
}

.menu1 .T_KL8 .b41 {
    background-position: 0 -920px
}

.menu1 .T_KL8 .b42 {
    background-position: 0 -943px
}

.menu1 .T_KL8 .b43 {
    background-position: 0 -966px
}

.menu1 .T_KL8 .b44 {
    background-position: 0 -989px
}

.menu1 .T_KL8 .b45 {
    background-position: 0 -1012px
}

.menu1 .T_KL8 .b46 {
    background-position: 0 -1035px
}

.menu1 .T_KL8 .b47 {
    background-position: 0 -1058px
}

.menu1 .T_KL8 .b48 {
    background-position: 0 -1081px
}

.menu1 .T_KL8 .b49 {
    background-position: 0 -1104px
}

.menu1 .T_KL8 .b50 {
    background-position: 0 -1127px
}

.menu1 .T_KL8 .b51 {
    background-position: 0 -1150px
}

.menu1 .T_KL8 .b52 {
    background-position: 0 -1173px
}

.menu1 .T_KL8 .b53 {
    background-position: 0 -1196px
}

.menu1 .T_KL8 .b54 {
    background-position: 0 -1219px
}

.menu1 .T_KL8 .b55 {
    background-position: 0 -1242px
}

.menu1 .T_KL8 .b56 {
    background-position: 0 -1265px
}

.menu1 .T_KL8 .b57 {
    background-position: 0 -1288px
}

.menu1 .T_KL8 .b58 {
    background-position: 0 -1311px
}

.menu1 .T_KL8 .b59 {
    background-position: 0 -1334px
}

.menu1 .T_KL8 .b60 {
    background-position: 0 -1357px
}

.menu1 .T_KL8 .b61 {
    background-position: 0 -1380px
}

.menu1 .T_KL8 .b62 {
    background-position: 0 -1403px
}

.menu1 .T_KL8 .b63 {
    background-position: 0 -1426px
}

.menu1 .T_KL8 .b64 {
    background-position: 0 -1449px
}

.menu1 .T_KL8 .b65 {
    background-position: 0 -1472px
}

.menu1 .T_KL8 .b66 {
    background-position: 0 -1495px
}

.menu1 .T_KL8 .b67 {
    background-position: 0 -1518px
}

.menu1 .T_KL8 .b68 {
    background-position: 0 -1541px
}

.menu1 .T_KL8 .b69 {
    background-position: 0 -1564px
}

.menu1 .T_KL8 .b70 {
    background-position: 0 -1587px
}

.menu1 .T_KL8 .b71 {
    background-position: 0 -1610px
}

.menu1 .T_KL8 .b72 {
    background-position: 0 -1633px
}

.menu1 .T_KL8 .b73 {
    background-position: 0 -1656px
}

.menu1 .T_KL8 .b74 {
    background-position: 0 -1679px
}

.menu1 .T_KL8 .b75 {
    background-position: 0 -1702px
}

.menu1 .T_KL8 .b76 {
    background-position: 0 -1725px
}

.menu1 .T_KL8 .b77 {
    background-position: 0 -1748px
}

.menu1 .T_KL8 .b78 {
    background-position: 0 -1771px
}

.menu1 .T_KL8 .b79 {
    background-position: 0 -1794px
}

.menu1 .T_KL8 .b80 {
    background-position: 0 -1817px
}

.menu1 .T_HK6 span {
    margin-left: 10px
}

.menu1 .T_HK6 b {
    margin-top: 3px;
    width: 25px;
}

.menu1 .T_HK6 .b01 {
    background-position: 0 0
}

.menu1 .T_HK6 .b02 {
    background-position: 0 -27px
}

.menu1 .T_HK6 .b03 {
    background-position: 0 -54px
}

.menu1 .T_HK6 .b04 {
    background-position: 0 -81px
}

.menu1 .T_HK6 .b05 {
    background-position: 0 -108px
}

.menu1 .T_HK6 .b06 {
    background-position: 0 -135px
}

.menu1 .T_HK6 .b07 {
    background-position: 0 -162px
}

.menu1 .T_HK6 .b08 {
    background-position: 0 -189px
}

.menu1 .T_HK6 .b09 {
    background-position: 0 -216px
}

.menu1 .T_HK6 .b10 {
    background-position: 0 -243px
}

.menu1 .T_HK6 .b11 {
    background-position: 0 -270px
}

.menu1 .T_HK6 .b12 {
    background-position: 0 -297px
}

.menu1 .T_HK6 .b13 {
    background-position: 0 -324px
}

.menu1 .T_HK6 .b14 {
    background-position: 0 -351px
}

.menu1 .T_HK6 .b15 {
    background-position: 0 -378px
}

.menu1 .T_HK6 .b16 {
    background-position: 0 -405px
}

.menu1 .T_HK6 .b17 {
    background-position: 0 -432px
}

.menu1 .T_HK6 .b18 {
    background-position: 0 -459px
}

.menu1 .T_HK6 .b19 {
    background-position: 0 -486px
}

.menu1 .T_HK6 .b20 {
    background-position: 0 -513px
}

.menu1 .T_HK6 .b21 {
    background-position: 0 -540px
}

.menu1 .T_HK6 .b22 {
    background-position: 0 -567px
}

.menu1 .T_HK6 .b23 {
    background-position: 0 -594px
}

.menu1 .T_HK6 .b24 {
    background-position: 0 -621px
}

.menu1 .T_HK6 .b25 {
    background-position: 0 -648px
}

.menu1 .T_HK6 .b26 {
    background-position: 0 -675px
}

.menu1 .T_HK6 .b27 {
    background-position: 0 -701px
}

.menu1 .T_HK6 .b28 {
    background-position: 0 -728px
}

.menu1 .T_HK6 .b29 {
    background-position: 0 -755px
}

.menu1 .T_HK6 .b30 {
    background-position: 0 -782px
}

.menu1 .T_HK6 .b31 {
    background-position: 0 -809px
}

.menu1 .T_HK6 .b32 {
    background-position: 0 -836px
}

.menu1 .T_HK6 .b33 {
    background-position: 0 -863px
}

.menu1 .T_HK6 .b34 {
    background-position: 0 -890px
}

.menu1 .T_HK6 .b35 {
    background-position: 0 -917px
}

.menu1 .T_HK6 .b36 {
    background-position: 0 -944px
}

.menu1 .T_HK6 .b37 {
    background-position: 0 -971px
}

.menu1 .T_HK6 .b38 {
    background-position: 0 -998px
}

.menu1 .T_HK6 .b39 {
    background-position: 0 -1025px
}

.menu1 .T_HK6 .b40 {
    background-position: 0 -1052px
}

.menu1 .T_HK6 .b41 {
    background-position: 0 -1079px
}

.menu1 .T_HK6 .b42 {
    background-position: 0 -1106px
}

.menu1 .T_HK6 .b43 {
    background-position: 0 -1133px
}

.menu1 .T_HK6 .b44 {
    background-position: 0 -1160px
}

.menu1 .T_HK6 .b45 {
    background-position: 0 -1187px
}

.menu1 .T_HK6 .b46 {
    background-position: 0 -1214px
}

.menu1 .T_HK6 .b47 {
    background-position: 0 -1242px
}

.menu1 .T_HK6 .b48 {
    background-position: 0 -1269px
}

.menu1 .T_HK6 .b49 {
    background-position: 0 -1296px
}

.menu1 .T_GXKLSF b {
    margin-left: 10px;
}

.menu1 .T_GXKLSF .b01 {
    background-position: 0 0
}

.menu1 .T_GXKLSF .b02 {
    background-position: 0 -27px
}

.menu1 .T_GXKLSF .b03 {
    background-position: 0 -54px
}

.menu1 .T_GXKLSF .b04 {
    background-position: 0 -82px
}

.menu1 .T_GXKLSF .b05 {
    background-position: 0 -108px
}

.menu1 .T_GXKLSF .b06 {
    background-position: 0 -136px
}

.menu1 .T_GXKLSF .b07 {
    background-position: 0 -163px
}

.menu1 .T_GXKLSF .b08 {
    background-position: 0 -190px
}

.menu1 .T_GXKLSF .b09 {
    background-position: 0 -216px
}

.menu1 .T_GXKLSF .b10 {
    background-position: 0 -244px
}

.menu1 .T_GXKLSF .b11 {
    background-position: 0 -271px
}

.menu1 .T_GXKLSF .b12 {
    background-position: 0 -298px
}

.menu1 .T_GXKLSF .b13 {
    background-position: 0 -325px
}

.menu1 .T_GXKLSF .b14 {
    background-position: 0 -352px
}

.menu1 .T_GXKLSF .b15 {
    background-position: 0 -379px
}

.menu1 .T_GXKLSF .b16 {
    background-position: 0 -405px
}

.menu1 .T_GXKLSF .b17 {
    background-position: 0 -432px
}

.menu1 .T_GXKLSF .b18 {
    background-position: 0 -460px
}

.menu1 .T_GXKLSF .b19 {
    background-position: 0 -487px
}

.menu1 .T_GXKLSF .b20 {
    background-position: 0 -514px
}

.menu1 .T_GXKLSF .b21 {
    background-position: 0 -541px
}

.menu1 .T_11X5 b {
    margin-left: 10px;
}

.menu1 .T_11X5 .b01 {
    background-position: 0 0
}

.menu1 .T_11X5 .b02 {
    background-position: 0 -27px
}

.menu1 .T_11X5 .b03 {
    background-position: 0 -54px
}

.menu1 .T_11X5 .b04 {
    background-position: 0 -81px
}

.menu1 .T_11X5 .b05 {
    background-position: 0 -108px
}

.menu1 .T_11X5 .b06 {
    background-position: 0 -135px
}

.menu1 .T_11X5 .b07 {
    background-position: 0 -162px
}

.menu1 .T_11X5 .b08 {
    background-position: 0 -189px
}

.menu1 .T_11X5 .b09 {
    background-position: 0 -216px
}

.menu1 .T_11X5 .b10 {
    background-position: 0 -243px
}

.menu1 .T_11X5 .b11 {
    background-position: 0 -270px
}

.ball {
    display: inline-block;
    vertical-align: middle;
}

.b-0, .b-1, .b-2, .b-3, .b-4, .b-5, .b-6, .b-7, .b-8, .b-9, .g-0, .g-1, .g-2, .g-3, .g-4, .g-5, .g-6, .g-7, .g-8, .g-9, .r-0, .r-1, .r-2, .r-3, .r-4, .r-5, .r-6, .r-7, .r-8, .r-9 {
    width: 39px;
    height: 43px
}

.r-0 {
    background-position: -78px 0
}

.r-1 {
    background-position: -78px -43px
}

.r-2 {
    background-position: -78px -86px
}

.r-3 {
    background-position: -78px -129px
}

.r-4 {
    background-position: -78px -172px
}

.r-5 {
    background-position: -78px -215px
}

.r-6 {
    background-position: -78px -258px
}

.r-7 {
    background-position: -78px -301px
}

.r-8 {
    background-position: -78px -344px
}

.r-9 {
    background-position: -78px -387px
}

.b-0 {
    background-position: 0 0
}

.b-1 {
    background-position: 0 -43px
}

.b-2 {
    background-position: 0 -86px
}

.b-3 {
    background-position: 0 -129px
}

.b-4 {
    background-position: 0 -172px
}

.b-5 {
    background-position: 0 -215px
}

.b-6 {
    background-position: 0 -258px
}

.b-7 {
    background-position: 0 -301px
}

.b-8 {
    background-position: 0 -344px
}

.b-9 {
    background-position: 0 -387px
}

.g-0 {
    background-position: -39px 0
}

.g-1 {
    background-position: -39px -43px
}

.g-2 {
    background-position: -39px -86px
}

.g-3 {
    background-position: -39px -129px
}

.g-4 {
    background-position: -39px -172px
}

.g-5 {
    background-position: -39px -215px
}

.g-6 {
    background-position: -39px -258px
}

.g-7 {
    background-position: -39px -301px
}

.g-8 {
    background-position: -39px -344px
}

.g-9 {
    background-position: -39px -387px
}

.c-b1, .c-r1 {
    width: 24px;
    height: 25px;
    line-height: 26px;
    text-align: center;
    background-position: -117px -26px;
    font-size: 12px;
    color: #000
}

.c-r1 {
    background-position: -117px 0
}

.c-b2, .c-g2, .c-r2 {
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background-position: -187px 0;
    font-size: 12px;
    color: #000
}

.c-b2 {
    background-position: -187px -54px
}

.c-r2 {
    background-position: -187px -27px
}

.c-n1, .c-n10, .c-n2, .c-n3, .c-n4, .c-n5, .c-n6, .c-n7, .c-n8, .c-n9 {
    width: 23px;
    height: 23px
}

.c-n1 {
    background-position: -142px -138px
}

.c-n2 {
    background-position: -142px 0
}

.c-n3 {
    background-position: -142px -115px
}

.c-n4 {
    background-position: -142px -184px
}

.c-n5 {
    background-position: -142px -92px
}

.c-n6 {
    background-position: -142px -161px
}

.c-n7 {
    background-position: -142px -207px
}

.c-n8 {
    background-position: -142px -23px
}

.c-n9 {
    background-position: -142px -69px
}

.c-n10 {
    background-position: -142px -46px
}

.T_KL8 b, .table_ball b {
    display: inline-block;
    height: 27px;
    margin-top: 4px;
    text-indent: -99999px;
    width: 27px
}

.T_KL8 .b01, .table_ball .b01 {
    background-position: 0 0
}

.T_KL8 .b02, .table_ball .b02 {
    background-position: 0 -27px
}

.T_KL8 .b03, .table_ball .b03 {
    background-position: 0 -54px
}

.T_KL8 .b04, .table_ball .b04 {
    background-position: 0 -81px
}

.T_KL8 .b05, .table_ball .b05 {
    background-position: 0 -108px
}

.T_KL8 .b06, .table_ball .b06 {
    background-position: 0 -135px
}

.T_KL8 .b07, .table_ball .b07 {
    background-position: 0 -162px
}

.T_KL8 .b08, .table_ball .b08 {
    background-position: 0 -189px
}

.T_KL8 .b09, .table_ball .b09 {
    background-position: 0 -216px
}

.T_KL8 .b10, .table_ball .b10 {
    background-position: 0 -243px
}

.T_KL8 .b11, .table_ball .b11 {
    background-position: 0 -270px
}

.T_KL8 .b12, .table_ball .b12 {
    background-position: 0 -297px
}

.T_KL8 .b13, .table_ball .b13 {
    background-position: 0 -324px
}

.T_KL8 .b14, .table_ball .b14 {
    background-position: 0 -351px
}

.T_KL8 .b15, .table_ball .b15 {
    background-position: 0 -378px
}

.T_KL8 .b16, .table_ball .b16 {
    background-position: 0 -405px
}

.T_KL8 .b17, .table_ball .b17 {
    background-position: 0 -432px
}

.T_KL8 .b18, .table_ball .b18 {
    background-position: 0 -459px
}

.T_KL8 .b19, .table_ball .b19 {
    background-position: 0 -486px
}

.T_KL8 .b20, .table_ball .b20 {
    background-position: 0 -513px
}

.T_KL8 .b21, .table_ball .b21 {
    background-position: 0 -540px
}

.T_KL8 .b22, .table_ball .b22 {
    background-position: 0 -567px
}

.T_KL8 .b23, .table_ball .b23 {
    background-position: 0 -594px
}

.T_KL8 .b24, .table_ball .b24 {
    background-position: 0 -621px
}

.T_KL8 .b25, .table_ball .b25 {
    background-position: 0 -648px
}

.T_KL8 .b26, .table_ball .b26 {
    background-position: 0 -675px
}

.T_KL8 .b27, .table_ball .b27 {
    background-position: 0 -702px
}

.T_KL8 .b28, .table_ball .b28 {
    background-position: 0 -729px
}

.T_KL8 .b29, .table_ball .b29 {
    background-position: 0 -756px
}

.T_KL8 .b30, .table_ball .b30 {
    background-position: 0 -783px
}

.T_KL8 .b31, .table_ball .b31 {
    background-position: 0 -810px
}

.T_KL8 .b32, .table_ball .b32 {
    background-position: 0 -837px
}

.T_KL8 .b33, .table_ball .b33 {
    background-position: 0 -864px
}

.T_KL8 .b34, .table_ball .b34 {
    background-position: 0 -891px
}

.T_KL8 .b35, .table_ball .b35 {
    background-position: 0 -918px
}

.T_KL8 .b36, .table_ball .b36 {
    background-position: 0 -945px
}

.T_KL8 .b37, .table_ball .b37 {
    background-position: 0 -972px
}

.T_KL8 .b38, .table_ball .b38 {
    background-position: 0 -999px
}

.T_KL8 .b39, .table_ball .b39 {
    background-position: 0 -1026px
}

.T_KL8 .b40, .table_ball .b40 {
    background-position: 0 -1053px
}

.T_KL8 .b41, .table_ball .b41 {
    background-position: 0 -1080px
}

.T_KL8 .b42, .table_ball .b42 {
    background-position: 0 -1107px
}

.T_KL8 .b43, .table_ball .b43 {
    background-position: 0 -1134px
}

.T_KL8 .b44, .table_ball .b44 {
    background-position: 0 -1161px
}

.T_KL8 .b45, .table_ball .b45 {
    background-position: 0 -1188px
}

.T_KL8 .b46, .table_ball .b46 {
    background-position: 0 -1215px
}

.T_KL8 .b47, .table_ball .b47 {
    background-position: 0 -1242px
}

.T_KL8 .b48, .table_ball .b48 {
    background-position: 0 -1269px
}

.T_KL8 .b49, .table_ball .b49 {
    background-position: 0 -1296px
}

.T_KL8 .b50, .table_ball .b50 {
    background-position: 0 -1323px
}

.T_KL8 .b51, .table_ball .b51 {
    background-position: 0 -1350px
}

.T_KL8 .b52, .table_ball .b52 {
    background-position: 0 -1377px
}

.T_KL8 .b53, .table_ball .b53 {
    background-position: 0 -1404px
}

.T_KL8 .b54, .table_ball .b54 {
    background-position: 0 -1431px
}

.T_KL8 .b55, .table_ball .b55 {
    background-position: 0 -1458px
}

.T_KL8 .b56, .table_ball .b56 {
    background-position: 0 -1485px
}

.T_KL8 .b57, .table_ball .b57 {
    background-position: 0 -1512px
}

.T_KL8 .b58, .table_ball .b58 {
    background-position: 0 -1539px
}

.T_KL8 .b59, .table_ball .b59 {
    background-position: 0 -1566px
}

.T_KL8 .b60, .table_ball .b60 {
    background-position: 0 -1593px
}

.T_KL8 .b61, .table_ball .b61 {
    background-position: 0 -1620px
}

.T_KL8 .b62, .table_ball .b62 {
    background-position: 0 -1647px
}

.T_KL8 .b63, .table_ball .b63 {
    background-position: 0 -1674px
}

.T_KL8 .b64, .table_ball .b64 {
    background-position: 0 -1701px
}

.T_KL8 .b65, .table_ball .b65 {
    background-position: 0 -1728px
}

.T_KL8 .b66, .table_ball .b66 {
    background-position: 0 -1755px
}

.T_KL8 .b67, .table_ball .b67 {
    background-position: 0 -1782px
}

.T_KL8 .b68, .table_ball .b68 {
    background-position: 0 -1809px
}

.T_KL8 .b69, .table_ball .b69 {
    background-position: 0 -1836px
}

.T_KL8 .b70, .table_ball .b70 {
    background-position: 0 -1863px
}

.T_KL8 .b71, .table_ball .b71 {
    background-position: 0 -1890px
}

.T_KL8 .b72, .table_ball .b72 {
    background-position: 0 -1917px
}

.T_KL8 .b73, .table_ball .b73 {
    background-position: 0 -1944px
}

.T_KL8 .b74, .table_ball .b74 {
    background-position: 0 -1971px
}

.T_KL8 .b75, .table_ball .b75 {
    background-position: 0 -1998px
}

.T_KL8 .b76, .table_ball .b76 {
    background-position: 0 -2025px
}

.T_KL8 .b77, .table_ball .b77 {
    background-position: 0 -2052px
}

.T_KL8 .b78, .table_ball .b78 {
    background-position: 0 -2079px
}

.T_KL8 .b79, .table_ball .b79 {
    background-position: 0 -2106px
}

.T_KL8 .b80, .table_ball .b80 {
    background-position: 0 -2133px
}

.menu1 span {
    display: block;
    float: left
}

.menu1 b {
    display: block;
    height: 27px;
    margin-top: 10px;
    text-indent: -99999px;
    width: 27px
}

.menu1 i {
    color: #fff;
    display: block;
    font-style: normal;
    font-weight: bolder;
    text-align: center
}

.K3Term b {
    display: block;
    height: 27px;
    text-indent: -99999px;
    width: 27px;
    float: left
}

.K3Term b.b1 {
    background-position: 0 0
}

.K3Term b.b2 {
    background-position: 0 -27px
}

.K3Term b.b3 {
    background-position: 0 -54px
}

.K3Term b.b4 {
    background-position: 0 -81px
}

.K3Term b.b5 {
    background-position: 0 -108px
}

.K3Term b.b6 {
    background-position: 0 -135px
}

.lhc_icon {
    background-repeat: no-repeat;
    background-image: url(lhc_icon.png);
    color: #595959;
    display: inline-block;
    font-style: normal;
    overflow: hidden;
    vertical-align: middle;
    font-weight: 700;
    line-height: 27px;
    text-align: center
}

.lhc_b03, .lhc_b04, .lhc_b09, .lhc_b10, .lhc_b14, .lhc_b15, .lhc_b20, .lhc_b25, .lhc_b26, .lhc_b31, .lhc_b36, .lhc_b37, .lhc_b41, .lhc_b42, .lhc_b47, .lhc_b48 {
    background-position: -5px -4px;
    height: 27px;
    width: 25px;
    font-size: 12px
}

.lhc_b01, .lhc_b02, .lhc_b07, .lhc_b08, .lhc_b12, .lhc_b13, .lhc_b18, .lhc_b19, .lhc_b23, .lhc_b24, .lhc_b29, .lhc_b30, .lhc_b34, .lhc_b35, .lhc_b40, .lhc_b45, .lhc_b46 {
    background-position: -40px -4px;
    height: 27px;
    width: 25px;
    font-size: 12px
}

.lhc_b05, .lhc_b06, .lhc_b11, .lhc_b16, .lhc_b17, .lhc_b21, .lhc_b22, .lhc_b27, .lhc_b28, .lhc_b32, .lhc_b33, .lhc_b38, .lhc_b39, .lhc_b43, .lhc_b44, .lhc_b49 {
    background-position: -75px -4px;
    height: 27px;
    width: 25px;
    font-size: 12px
}

.button {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin-left: 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.button::-moz-focus-inner {
    border: 0 none;
    padding: 0
}

.button {
    background-color: #eda220;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    font-family: inherit;
    font-size: 100%;
    line-height: 24px;
    padding: 0 16px;
    text-decoration: none
}

.button-hover, .button:focus, .button:hover {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1))
}

.button:focus {
    outline: 0 none
}

.XYNCTerm b {
    height: 32px;
    width: 32px;
    display: inline-block;
    height: 32px;
    margin-top: 4px;
    text-indent: -99999px
}

.XYNCTerm .b01 {
    background-position: 0 -3px
}

.XYNCTerm .b02 {
    background-position: 0 -33px
}

.XYNCTerm .b03 {
    background-position: 0 -66px
}

.XYNCTerm .b04 {
    background-position: 0 -99px
}

.XYNCTerm .b05 {
    background-position: 0 -132px
}

.XYNCTerm .b06 {
    background-position: 0 -165px
}

.XYNCTerm .b07 {
    background-position: 0 -198px
}

.XYNCTerm .b08 {
    background-position: 0 -231px
}

.XYNCTerm .b09 {
    background-position: 0 -264px
}

.XYNCTerm .b10 {
    background-position: 0 -297px
}

.XYNCTerm .b11 {
    background-position: 0 -330px
}

.XYNCTerm .b12 {
    background-position: 0 -363px
}

.XYNCTerm .b13 {
    background-position: 0 -396px
}

.XYNCTerm .b14 {
    background-position: 0 -429px
}

.XYNCTerm .b15 {
    background-position: 0 -462px
}

.XYNCTerm .b16 {
    background-position: 0 -495px
}

.XYNCTerm .b17 {
    background-position: 0 -528px
}

.XYNCTerm .b18 {
    background-position: 0 -561px
}

.XYNCTerm .b19 {
    background-position: 0 -594px
}

.XYNCTerm .b20 {
    background-position: 0 -627px
}

.ball-container1 {
    width: 27px;
    margin: 1px auto 0
}

.ball-container2 {
    width: 54px;
    margin: 1px auto 0
}

.ball-container3 {
    width: 81px;
    margin: 1px auto 0
}

.bet-modal.el-dialog--small {
    width: 500px
}

.bet-modal .el-dialog__body {
    padding: 20px 20px 10px
}

.bet-modal input.invalid {
    border: 1px solid red;
    padding: 2px;
    border-radius: 2px
}

.bet-loading {
    margin: 10px auto;
    width: 145px
}

.bet-loading .gif {
    height: 20px
}

.bet-loading .txt {
    text-align: center;
    font-size: 12px
}

.group-detail .group {
    display: inline-block
}

.side-quick {
    position: absolute;
    left: 838px;
    top: 4px
}

.el-notification {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .31), 0 0 6px rgba(0, 0, 0, .04)
}

.el-notification__title {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 3px 15px;
    display: inline-block
}

.skin_red .el-notification__title {
    background: #d87c86
}

.skin_red .el-notification__content {
    color: #6a1f2d
}

.skin_red .t-qi {
    color: #6a1f2d
}

.skin_red .pay-dialog .el-dialog__title, .skin_red .pay-dialog .el-message-box__title, .skin_red.v2-dialog .el-dialog__title, .skin_red.v2-dialog .el-message-box__title {
    background: #d87c86
}

.skin_blue .el-notification__title {
    background: #4274b3
}

.skin_blue .el-notification__content {
    color: #0c325f
}

.skin_blue .t-qi {
    color: #2161b3
}

.skin_blue .pay-dialog .el-dialog__title, .skin_blue .pay-dialog .el-message-box__title, .skin_blue.v2-dialog .el-dialog__title, .skin_blue.v2-dialog .el-message-box__title {
    background: #4274b3
}

.pay-confirm {
    width: 380px
}

.pay-confirm .el-dialog__body {
    padding: 0 20px 10px;
    margin-top: -7px
}

.pay-confirm .el-dialog__title {
    display: none !important
}

.transfer-confirm {
    width: 600px
}

.transfer-confirm .el-dialog__body {
    padding: 10px 20px 40px
}

.pay-dialog .el-dialog__title, .pay-dialog .el-message-box__title, .v2-dialog .el-dialog__title, .v2-dialog .el-message-box__title {
    color: #fff;
    padding: 6px 20px 8px 10px;
    line-height: 1.2;
    display: inline-block
}

.order-detail-table td {
    padding: 0 8px
}

.el-dialog__wrapper {
    overflow: auto !important
}



.ChatSprite {
}

.chatbar {
    position: fixed;
    right: 0;
    top: 0;
    height: calc(100% - 30px);
    max-height: 1080px;
    padding-left: 6px;
    z-index: 200
}

.chatbar .guide {
    position: absolute;
    top: 38%;
    right: 2px;
    padding-left: 6px
}

.chatbar .guide .lnk-style1 .lay-lnks .lnk {
    margin-bottom: 3px;
    position: relative;
    left: 0;
    transition: left ease-out .2s
}

.chatbar .guide .lnk-style1 .lay-lnks .lnk:hover {
    left: -72px
}

.chatbar .guide .lnk-style1 .lnk {
    display: block;
    font-size: 14px;
    color: #fff;
    width: 120px;
    overflow: hidden
}

.chatbar .guide .lnk-style1 .lnk:hover {
    color: #fff;
    background: #3580c6
}

.chatbar .guide .lnk-style1 .lnk:hover .lnk-icon {
    color: inherit;
    border: 0;
    padding: 8px;
    background: #0260b8
}

.chatbar .guide .lnk-style1 .lnk .iconfont {
    font-size: 30px;
    line-height: 30px
}

.chatbar .guide .lnk-style1 .lnk .lnk-icon {
    display: block;
    box-sizing: border-box;
    float: left;
    padding: 6px;
    text-align: center;
    color: #0260b8;
    background: #fff;
    border: 2px solid #0260b8
}

.chatbar .guide .lnk-style1 .lnk .lnk-text {
    display: inline-block;
    padding-top: 13px;
    margin-left: 15px
}

.chatbar .guide .lnk-style2 {
    background: #fff;
    border: 1px solid #b9c2cb;
    border-radius: 5px;
    width: 68px
}

.chatbar .guide .lnk-style2 .Lnk {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #2161b3;
    padding: 12px 0
}

.chatbar .guide .lnk-style2 .Lnk:not(:last-child) {
    border-bottom: 1px solid #b9c2cb
}

.chatbar .guide .lnk-style2 .Lnk .lnk-icon {
    display: block
}

.chatbar .guide .lnk-style2 .Lnk .lnk-icon i {
    display: inline-block;
    width: 39px;
    height: 35px
}

.chatbar .guide .lnk-style2 .Lnk .lnk-icon i.type-chat {
    background-position: -90px -30px
}

.chatbar .guide .lnk-style2 .Lnk .lnk-icon i.type-qq {
    background-position: -145px 0
}

.chatbar .guide .lnk-style2 .Lnk .lnk-text {
    display: block
}

.chatbar .guide .lnk-style2 .Lnk.type-close {
    border-bottom: 0;
    padding: 4px 0;
    font-size: 13px
}

.chatbar .guide .lnk-style2 .Lnk.type-close .lnk-icon {
    display: inline-block;
    line-height: 12px;
    vertical-align: middle
}

.chatbar .guide .lnk-style2 .Lnk.type-close .lnk-icon i.type-close {
    width: 18px;
    height: 18px;
    background-position: -90px -88px
}

.chatbar .guide .lnk-min {
    width: 40px;
    height: 152px;
    margin-top: 20px;
    background-size: 100% auto;
    display: block;
    cursor: pointer
}

.skin_red .chatbar .guide .lnk-min {
    background-size: 100% auto
}

.chatbar .chatwin {
    height: 100%;
    background: #fffef9
}

.chatbar .chatwin.type-normal {
    width: 350px
}

.chatbar .chatwin.type-expand {
    min-width: 400px;
    width: 400px
}

.chatbar .chatbar-handle {
    width: 27px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    position: absolute;
    left: -18px;
    top: 50%;
    margin-top: -30px
}

.CIcon {
    display: inline-block;
    vertical-align: middle
}

.CIcon.ico-redpack {
    width: 32px;
    height: 32px;
    background-position: 0 -80px
}

.CIcon.ico-chat {
    width: 25px;
    height: 25px;
    background-position: -50px 0
}

.CIcon.ico-service {
    width: 25px;
    height: 25px;
    background-position: -50px -30px
}

.chat {
    box-sizing: border-box;
    background: #fff;
    background-attachment: fixed;
    background-color: #fffef9;
    height: 100%;
    border-left: 3px solid #2161b3;
    border-bottom: 1px solid #2161b3
}

.chat .iconfont {
    font-size: 22px;
    vertical-align: -3px
}

.skin_red .chat {
    border-left: 3px solid #b23b4f;
    border-bottom: 1px solid #b23b4f
}

.chat .chat-header {
    height: 38px;
    background: #2161b3
}

.skin_red .chat .chat-header {
    background: #bb445a
}

.chat .chat-header .ttl {
    color: #fff;
    font-size: 15px;
    line-height: 38px;
    padding: 0 14px
}

.chat .chat-header .ttl a {
    color: inherit
}

.chat .chat-header .nav {
    background: #1a51a5;
    margin-left: -3px
}

.chat .controls {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 200
}

.chat .notify {
    position: absolute;
    right: 0;
    top: 65px;
    padding: 5px 15px;
    background: #f44336;
    background: -webkit-linear-gradient(left, #f44336, #f97619);
    background: -moz-linear-gradient(left, #f44336, #f97619);
    background: -ms-linear-gradient(left, #f44336, #f97619);
    background: -o-linear-gradient(left, #f44336, #f97619);
    background: linear-gradient(to right, #f44336, #f97619);
    opacity: .75;
    text-align: right;
    z-index: 100
}

.chat .list {
    position: absolute;
    width: 100%;
    top: 38px;
    left: 0
}

.chat .list.type-noticing {
    padding-top: 38px
}

.chat .list .lay-scroll {
    box-sizing: border-box;
    padding-bottom: 15px;
    padding-top: 15px;
    height: 100%;
    overflow-y: auto
}

.chat .list .lay-scroll .Item {
    margin-top: 15px;
    padding: 5px 10px
}

.chat .list .lay-scroll .Item.type-red {
    margin: 0;
    padding: 0
}

.chat .list .lay-scroll::-webkit-scrollbar {
    width: 5px
}

.chat .list .lay-scroll::-webkit-scrollbar-thumb:vertical {
    margin: 5px;
    background-color: #999;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.chat .list .lay-scroll::-webkit-scrollbar-button:end:increment, .chat .list .lay-scroll::-webkit-scrollbar-button:start:decrement {
    height: 5px;
    display: block
}

.chat .list .ListCtrl {
    display: inline-block;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 1px 9px;
    padding-left: 7px;
    border-radius: 15px;
    color: #a5a5a5;
    height: 17px
}

.chat .list .ListCtrl:hover {
    color: #757575
}

.chat .list .ListCtrl.active {
    color: #ff9d6d
}

.chat .list .ListCtrl .iconfont {
    font-size: 14px
}

.chat .list .controls {
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    text-align: center
}

.chat .list .controls .ListCtrl {
    margin: 0 5px
}

.chat .list .chat-announce {
    position: absolute;
    top: 3px;
    left: 5px;
    right: 5px;
    background: rgba(237, 244, 254, .91);
    border: 1px solid #c2cfe2;
    border-radius: 5px;
    padding-right: 10px;
    height: 29px;
    overflow: hidden
}

.chat .list .chat-announce .ttl {
    display: block;
    float: left;
    width: 53px;
    background: #e1edfd;
    color: red;
    padding: 6px 2px 5px 15px
}

.chat .list .chat-announce .ttl .iconfont {
    font-size: 16px;
    vertical-align: -1px
}

.chat .list .chat-announce .scroll {
    display: block;
    margin-left: 72px;
    padding-top: 5px
}

.chat .list .chat-announce .scroll li {
    display: inline;
    margin-right: 10px
}

.chat .Item .avatar {
    width: 42px;
    height: 42px;
    margin-top: 6px
}

.chat .Item .avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 7px
}

.chat .Item .msg-header {
    overflow: hidden
}

.chat .Item .msg-header span {
    display: inline-block;
    margin: 0 2px
}

.chat .Item .msg-header img {
    vertical-align: middle
}

.chat .Item .lay-content {
    width: 77%
}

.chat .Item .lay-content .Bubble {
    margin-top: 3px
}

.chat .Item .lay-block {
    overflow: hidden
}

.chat .Item.type-left .avatar {
    float: left
}

.chat .Item.type-left .lay-content {
    margin-left: 57px
}

.chat .Item.type-right .avatar {
    float: right
}

.chat .Item.type-right .txt-name, .chat .Item.type-right h4 {
    text-align: right;
    float: right
}

.chat .Item.type-right .lay-content {
    float: right;
    margin-right: 15px
}

.chat .Item.type-right .Bubble {
    float: right
}

.chat .Item.type-right .msg-header span {
    float: right
}

.chat .Item .lay-mid {
    position: absolute;
    width: 100%;
    left: 0;
    top: -10px;
    text-align: center
}

.chat .Item .txt-name, .chat .Item h4 {
    font-size: 12px;
    color: #4f77ab;
    display: inline-block;
    font-weight: 400
}

.skin_red .chat .Item .txt-name, .skin_red .chat .Item h4 {
    color: #762d08
}

.chat .Item .iconfont {
    font-size: 16px;
    vertical-align: -1px
}

.chat .Item .lay-red {
    position: absolute;
    width: 100%;
    top: 25%;
    left: 0
}

.chat .Item .lay-red .RedPack {
    margin: 0 auto;
    width: 255px;
    transform: scale(1.5)
}

.chat .Item .lay-red .RedPack .lay-pack {
    padding-right: 25px
}

.chat .Item .lay-red .RedPack .pack {
    transform: scale(.5) translateY(-30px)
}

.chat .Item .lay-red .lay-redinfo {
    margin: 0 20px
}

.chat .compose {
    background: #fffef9;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.chat .compose .control-bar {
    height: 32px;
    background: #f0f0f0;
    border: 1px solid #adadad;
    border-left: 0;
    border-right: 0;
    position: relative;
    z-index: 100
}

.chat .compose .control-bar .lay-switches {
    float: right;
    margin-right: 5px
}

.chat .compose .control-bar .switch {
    display: inline-block;
    line-height: 32px;
    margin: 0 4px
}

.chat .compose .btn-control {
    height: 100%;
    display: inline-block;
    line-height: 32px;
    padding: 0 12px;
    background: #e5e5e5;
    color: #717171;
    margin-right: 1px;
    cursor: pointer
}

.chat .compose .btn-control .iconfont {
    vertical-align: middle
}

.chat .compose .btn-control:hover {
    background: #ffd9c7
}

.chat .compose .typing {
    position: relative;
    padding: 5px
}

.chat .compose .typing .txtinput {
    display: block;
    width: auto;
    margin-right: 58px
}

.chat .compose .typing .sendbtn {
    position: absolute;
    right: 5px;
    bottom: 5px
}

.chat .compose .typing .sendbtn .enter-select {
    margin-bottom: 3px;
    float: right
}

.chat .compose .typing .sendbtn .enter-select select {
    display: block
}

.chat .compose .typing .sendbtn .u-btn1 {
    width: 51px;
    height: 51px;
    font-size: 14px;
    line-height: 51px
}

.chat .chat-user-info {
    width: 350px
}

.chat .chat-send-image {
    width: 500px;
    overflow: hidden
}

.chat .chat-send-image .tc {
    text-align: center
}

.chat .chat-send-image img {
    max-width: 300px;
    max-height: 300px
}

.chat .profile {
    width: 100%;
    height: 100%;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300;
    font-size: 14px;
    color: #4f77ab
}

.skin_red .chat .profile {
    color: #762d08
}

.chat .profile .Mask {
    opacity: .1
}

.chat .profile .inner {
    max-width: 310px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .93);
    margin: 50px auto 0;
    position: relative;
    min-height: 200px;
    border: 1px solid #c8d4e4;
    text-align: center;
    padding: 20px 0;
    width: 90%
}

.skin_red .chat .profile .inner {
    border: 1px solid #c7afb3
}

.chat .profile .avatar {
    display: inline-block;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    border: 1px solid #c8d4e4;
    overflow: hidden;
    cursor: pointer
}

.chat .profile .avatar:hover img {
    opacity: .3
}

.chat .profile .avatar:hover label {
    display: block
}

.chat .profile .avatar img {
    display: block;
    width: 100%;
    height: 100%
}

.chat .profile .avatar label {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 50px;
    color: #909090;
    cursor: pointer
}

.skin_red .chat .profile .avatar {
    border: 1px solid #c7afb3
}

.chat .profile .txt-nick {
    font-size: 20px
}

.chat .profile p {
    margin-top: 5px
}

.choose-room {
    background-attachment: fixed;
    background-color: #fffef9;
    width: 100%;
    height: 100%;
    position: relative
}

.choose-room .lay-content {
    width: 400px;
    margin: 0 auto;
    padding-top: 100px
}

.choose-room li {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 6px 10px;
    border: 2px solid #abd5f9;
    background: #d4e8ff;
    color: #083369;
    font-size: 18px;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    cursor: pointer
}

.choose-room li:hover {
    border: 2px solid #60aae8;
    background: #c2deff
}

.choose-room li a {
    color: inherit
}

.lay-relative {
    width: 100%;
    height: 100%;
    position: relative
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}